<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>装修哥官网(ZXIUGE.COM)</title>
  <meta name="description" content="装修哥APP是衔接项目经理与装修工人在项目施工过程中的一个信息流通平台，旨在为所有的装修人创造一个分享互帮的平台。">
  <meta name="keywords" content="装修哥,装修哥APP下载，装修施工管理，找人找活，泥工木工水电工油漆工">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 国产浏览器的高速模式 -->
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="../src/less/base.css">
  <link rel="stylesheet" href="../src/less/header&footer.css">
  <link rel="stylesheet" href="../src/fonts/iconfont.css">
  <link rel="stylesheet" href="../src/less/man.css">
  <!-- 使ie9以下浏览器能够识别h5标签,并且能够识别媒体查询标签 -->
  <!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<!--header.html-->
<div class="header"></div>

<!-- 找人 -->
<section class="zxg-man">
  <h2>找人</h2>
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 man-item swiper-container">
        <div class="swiper-slide">
          <div class="worker-info">
            <div class="worker-info-header">
              <div class="worker-info-header-grade clearfix">
                <div class="worker-info-header-grade-left"></div>
                <div class="worker-info-header-grade-right">
                  <p class="worker-info-name">angla</p>
                  <span class="worker-info-gps">
                      <span class="iconfont icon-didian"></span>
                      湖南省 &nbsp; 长沙市
                    </span>
                  <span class="worker-info-praise">
                      <span class="iconfont icon-dianzan1"></span>
                      9
                    </span>
                  <p class="worker-info-line"></p>
                  <ul class="worker-info-ability">
                    <li>沟通能力 <i><canvas width="100" height="20" id="myCanvas1"></canvas> <b>4.0分</b></i></li>
                    <li>工艺水平 <i><canvas width="100" height="20" id="myCanvas2"></canvas> <b>4.6分</b></i></li>
                    <li>时间效率 <i><canvas width="100" height="20" id="myCanvas3"></canvas> <b>3.7分</b></i></li>
                  </ul>
                </div>
              </div>
              <div class="worker-info-header-btn">
                <button class="btn-recruit">招募他</button>
                <button class="btn-collect">收藏他</button>
              </div>
            </div>
            <div class="worker-info-footer">
              <p class="worker-info-footer-title">
                <span class="iconfont icon-cardid"></span>
                基本信息
              </p>
              <div class="worker-info-footer-content">
                <ul>
                  <li><i> 年 &nbsp; &nbsp; &nbsp; 龄 </i><b>20岁</b></li>
                  <li><i> 性 &nbsp; &nbsp; &nbsp; 别 </i><b>女</b></li>
                  <li><i> 工 &nbsp; &nbsp; &nbsp; 龄 </i><b>2年</b></li>
                  <li><i>从业工种</i><b>泥工 点工</b></li>
                  <li><i>他的宣言</i><b>奋发图强奋发图强奋发图强</b></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 man-item swiper-container">
        <div class="swiper-slide">
          <div class="worker-info">
            <div class="worker-info-header">
              <div class="worker-info-header-grade clearfix">
                <div class="worker-info-header-grade-left"></div>
                <div class="worker-info-header-grade-right">
                  <p class="worker-info-name">angla</p>
                  <span class="worker-info-gps">
                      <span class="iconfont icon-didian"></span>
                      湖南省 &nbsp; 长沙市
                    </span>
                  <span class="worker-info-praise">
                      <span class="iconfont icon-dianzan1"></span>
                      9
                    </span>
                  <p class="worker-info-line"></p>
                  <ul class="worker-info-ability">
                    <li>沟通能力 <i><canvas width="100" height="20" id="myCanvas1"></canvas> <b>4.0分</b></i></li>
                    <li>工艺水平 <i><canvas width="100" height="20" id="myCanvas2"></canvas> <b>4.0分</b></i></li>
                    <li>时间效率 <i><canvas width="100" height="20" id="myCanvas3"></canvas> <b>4.0分</b></i></li>
                  </ul>
                </div>
              </div>
              <div class="worker-info-header-btn">
                <button class="btn-recruit">招募他</button>
                <button class="btn-collect">收藏他</button>
              </div>
            </div>
            <div class="worker-info-footer">
              <p class="worker-info-footer-title">
                <span class="iconfont icon-cardid"></span>
                基本信息
              </p>
              <div class="worker-info-footer-content">
                <ul>
                  <li><i> 年 &nbsp; &nbsp; &nbsp; 龄 </i><b>20岁</b></li>
                  <li><i> 性 &nbsp; &nbsp; &nbsp; 别 </i><b>女</b></li>
                  <li><i> 工 &nbsp; &nbsp; &nbsp; 龄 </i><b>2年</b></li>
                  <li><i>从业工种</i><b>泥工 点工</b></li>
                  <li><i>他的宣言</i><b>奋发图强奋发图强奋发图强</b></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 man-item swiper-container">
        <div class="swiper-slide">
          <div class="worker-info">
            <div class="worker-info-header">
              <div class="worker-info-header-grade clearfix">
                <div class="worker-info-header-grade-left"></div>
                <div class="worker-info-header-grade-right">
                  <p class="worker-info-name">angla</p>
                  <span class="worker-info-gps">
                      <span class="iconfont icon-didian"></span>
                      湖南省 &nbsp; 长沙市
                    </span>
                  <span class="worker-info-praise">
                      <span class="iconfont icon-dianzan1"></span>
                      9
                    </span>
                  <p class="worker-info-line"></p>
                  <ul class="worker-info-ability">
                    <li>沟通能力 <i><canvas width="100" height="20" id="myCanvas1"></canvas> <b>4.0分</b></i></li>
                    <li>工艺水平 <i><canvas width="100" height="20" id="myCanvas2"></canvas> <b>4.0分</b></i></li>
                    <li>时间效率 <i><canvas width="100" height="20" id="myCanvas3"></canvas> <b>4.0分</b></i></li>
                  </ul>
                </div>
              </div>
              <div class="worker-info-header-btn">
                <button class="btn-recruit">招募他</button>
                <button class="btn-collect">收藏他</button>
              </div>
            </div>
            <div class="worker-info-footer">
              <p class="worker-info-footer-title">
                <span class="iconfont icon-cardid"></span>
                基本信息
              </p>
              <div class="worker-info-footer-content">
                <ul>
                  <li><i> 年 &nbsp; &nbsp; &nbsp; 龄 </i><b>20岁</b></li>
                  <li><i> 性 &nbsp; &nbsp; &nbsp; 别 </i><b>女</b></li>
                  <li><i> 工 &nbsp; &nbsp; &nbsp; 龄 </i><b>2年</b></li>
                  <li><i>从业工种</i><b>泥工 点工</b></li>
                  <li><i>他的宣言</i><b>奋发图强奋发图强奋发图强</b></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 man-item swiper-container">
        <div class="swiper-slide">
          <div class="worker-info">
            <div class="worker-info-header">
              <div class="worker-info-header-grade clearfix">
                <div class="worker-info-header-grade-left"></div>
                <div class="worker-info-header-grade-right">
                  <p class="worker-info-name">angla</p>
                  <span class="worker-info-gps">
                      <span class="iconfont icon-didian"></span>
                      湖南省 &nbsp; 长沙市
                    </span>
                  <span class="worker-info-praise">
                      <span class="iconfont icon-dianzan1"></span>
                      9
                    </span>
                  <p class="worker-info-line"></p>
                  <ul class="worker-info-ability">
                    <li>沟通能力 <i><canvas width="100" height="20" id="myCanvas1"></canvas> <b>2.4分</b></i></li>
                    <li>工艺水平 <i><canvas width="100" height="20" id="myCanvas2"></canvas> <b>4.7分</b></i></li>
                    <li>时间效率 <i><canvas width="100" height="20" id="myCanvas3"></canvas> <b>1.3分</b></i></li>
                  </ul>
                </div>
              </div>
              <div class="worker-info-header-btn">
                <button class="btn-recruit">招募他</button>
                <button class="btn-collect">收藏他</button>
              </div>
            </div>
            <div class="worker-info-footer">
              <p class="worker-info-footer-title">
                <span class="iconfont icon-cardid"></span>
                基本信息
              </p>
              <div class="worker-info-footer-content">
                <ul>
                  <li><i> 年 &nbsp; &nbsp; &nbsp; 龄 </i><b>20岁</b></li>
                  <li><i> 性 &nbsp; &nbsp; &nbsp; 别 </i><b>女</b></li>
                  <li><i> 工 &nbsp; &nbsp; &nbsp; 龄 </i><b>2年</b></li>
                  <li><i>从业工种</i><b>泥工 点工</b></li>
                  <li><i>他的宣言</i><b>奋发图强奋发图强奋发图强</b></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- footer.html -->
<div class="footer"></div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="../src/js/score.js"></script>
<script>
  $(function() {
    // 引入页面公共部分
    $(".header").load("./header.html");
    $(".footer").load("./footer.html");
  })
</script>
</html>